
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {
	text-align: center
}

.div {
	margin: 0 auto;
	width: 600px;
	height: 100px;
}
</style>
<style type="text/css">
.code {
	background-image: url(images/code.jpg);
	font-family: Arial;
	font-style: italic;
	color: Red;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
}

.unchanged {
	border: 0;
}
</style>


<script src="js/jquery-1.12.0.min.js" type=text/javascript></script>

<script type="text/javascript">
	$(function() {
		var winWidth, winHeight;
		Resize = function() {
			winWidth = $(window).width(), winHeight = $(window).height();
		}
	});

	function addListener(element, e, fn) {
		if (element.addEventListener) {
			element.addEventListener(e, fn, false);
		} else {
			element.attachEvent("on" + e, fn);
		}
	}

	var code; //在全局 定义验证码   

	function createCode() {
		code = "";
		var codeLength = 6;//验证码的长度   
		var checkCode = document.getElementById("checkCode");
		var selectChar = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C',
				'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O',
				'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//所有候选组成验证码的字符，当然也可以用中文的   

		for (var i = 0; i < codeLength; i++) {

			var charIndex = Math.floor(Math.random() * 36);
			code += selectChar[charIndex];

		}
		//       alert(code);   
		if (checkCode) {
			checkCode.className = "code";
			checkCode.value = code;
		}

	}

	function validate() {
		var inputCode = document.getElementById("input1").value;
		if (inputCode.length <= 0) {
			alert("请输入验证码！");
		} else if (inputCode != code) {
			alert("验证码输入错误！");
			createCode();//刷新验证码   
		} else {
			alert("验证码验证成功，点击继续登录！");
			document.getElementById("form").submit();
		}
	}
</script>
</head>
<body onResize="Resize()" onload="createCode()">
	<div class="div">
		<form action="login" method="post" id="form">
			<table>
				<tr>
					<td>请输入用户名</td>
					<td><input type="text" name="sellerTel"></td>
					<td><a href="regist.jsp">没有账号,寻求合作</a></td>
				</tr>
				<tr>
					<td>请输入密码</td>
					<td><input type="password" name="sellerPsd"></td>
				</tr>
				<tr>
					<td><input type="text" onclick="createCode()"
						readonly="readonly" id="checkCode" class="unchanged"
						style="width: 80px" /></td>
					<td><input type="text" id="input1" value="请输入验证码"
						onfocus="if (value =='请输入验证码'){value =''}"
						onblur="if (value ==''){value='请输入验证码'}" onblur="validate();" /></td>

					<br />
				<tr>
					<td><input type="reset" value="重置"></td>
					<td><input id="Button1" onclick="validate();" type="button"
						value="确定" /></td>
				</tr>
			</table>
		</form>
	</div>
</body>



</html>